<!DOCTYPE html>  
<html lang="zh-CN">  
<head>  
    <meta charset="UTF-8">  
    <meta name="viewport" content="width=device-width, initial-scale=1.0">  
    <title>九江学院教务处 - 通知公告列表</title>  
    <!-- 样式部分可以放在这里，但为了简化，我们省略了CSS -->  
    <style>  
        /* 简单的样式，用于美化列表项 */  
        .list-item {  
            margin-bottom: 20px;  
            padding: 10px;  
            border: 1px solid #ddd;  
            border-radius: 5px;  
        }  
        .list-item h3 {  
            margin-top: 0;  
        }  
    </style>  
</head>  
<body>  
    <!-- 头部区域 -->  
    <header>  
        <h1>九江学院教务处</h1>  
        <nav>  
            <ul>  
                <li><a href="#">首页</a></li>  
                <li><a href="#">教务新闻</a></li>  
                <li><a href="#" class="active">通知公告</a></li>  
                <li><a href="#">联系我们</a></li>  
            </ul>  
        </nav>  
    </header>  
  
    <!-- 主要内容区域 -->  
    <main>  
        <section>  
            <h2>通知公告列表</h2>  
            <div class="list-item">  
                <h3>关于2023年秋季学期选课的通知</h3>  
                <p>发布时间：2023-09-01</p>  
                <p>内容摘要：本学期选课系统将于9月5日开放，请同学们按时登录系统进行选课...</p>  
                <a href="#">查看详情</a>  
            </div>  
            <div class="list-item">  
                <h3>国庆节放假安排及注意事项</h3>  
                <p>发布时间：2023-09-20</p>  
                <p>内容摘要：国庆节将至，学校将于10月1日至7日放假，请同学们注意假期安全...</p>  
                <a href="#">查看详情</a>  
            </div>  
            <!-- 可以添加更多通知公告项 -->  
        </section>  
    </main>  
  
    <!-- 页脚区域 -->  
    <footer>  
        <p>版权所有 &copy; 2023 九江学院教务处</p>  
    </footer>  
</body>  
</html>